        <div id="content_sec">
            <div id="left_content">
                <div id="banner_slider">
                    <div id="nav-slider">
                        <ul>
                            <li class="active"><a href="#">Latest Videos </a></li>
                            <li><a href="#"> Most Papular </a></li>
                            <li><a href="#">Explore</a></li>
                            <li><a href="#"> Right now</a></li>
                            <li class="nobg"><a href="#"> Recommended for You</a></li>
                        </ul>
                    </div>
                    <div class="video-slider">
                        <object type="application/x-shockwave-flash" style="width:629px; height:353px;" data="http://www.youtube.com/v/XB0pGnzsAZI?fs=1&amp;hl=en_US&amp;rel=0">
                            <param name="movie" value="http://www.youtube.com/v/XB0pGnzsAZI?fs=1&amp;hl=en_US&amp;rel=0" />
                            <param value="application/x-shockwave-flash" name="type" /> 
                            <param value="true" name="allowfullscreen" /> 
                            <param value="always" name="allowscriptaccess" /> 
                            <param value="opaque" name="wmode" />
                        </object>

                    </div>
                </div>

                <div class="video-category" id="tab1">
                    <div class="heading-list">
                        <h1>Latest Videos</h1>
                        <ul>
                            <li class="show-grid"><a href="#" class="list-view">List View</a><a href="#" class="grid-view">Grid View</a></li>
                        </ul>
                    </div>

                    <div class="wrapper_list_view">
                        <div class="description-box nopadding">
                            <div class="video-box"><a href="#">
                                    <img src="images/img-v1.jpg" alt="" />
                                    <span class="time-video">01:25</span>
                                    <span class="add-playlist">Add</span></a></div>
                            <div class="description-video">
                                <div class="heading-date">
                                    <h5><a href="videodetail.html">Duis molestie nunc nec felis sollicitudin</a></h5>
                                    <span>8 months ago</span></div>
                                <div class="text-desc">
                                    <p>Duis molestie nunc nec felis sollicitudin sed ornare lorem varius. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum.</p>
                                </div>
                                <div class="total-views"><strong>12,194,298 </strong> views</div>
                                <div class="bottom-panel">
                                    <ul> 
                                        <li class="nobg">by: <a href="#">Alex Anderson</a></li>
                                        <li><strong>2,114,568</strong> Views</li>
                                        <li>96 Comments</li>
                                    </ul>
                                    <div class="rating-stars"><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em class="low-rate">&nbsp;</em></div>
                                    <a href="#" class="share-btn">Share This</a></div>
                            </div>
                        </div>


                        <div class="description-box">
                            <div class="video-box">
                                <a href="#">
                                    <img src="images/img-v2.jpg" alt="" />
                                    <span class="time-video">01:25</span>
                                    <span class="add-playlist">Add</span></a></div>
                            <div class="description-video">
                                <div class="heading-date">
                                    <h5><a href="videodetail.html">Duis molestie nunc nec felis sollicitudin</a></h5>
                                    <span>8 months ago</span></div>
                                <div class="text-desc">
                                    <p>Duis molestie nunc nec felis sollicitudin sed ornare lorem varius. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum.</p>
                                </div>
                                <div class="total-views"><strong>12,194,298 </strong> views</div>
                                <div class="bottom-panel">
                                    <ul> 
                                        <li class="nobg">by: <a href="#">Alex Anderson</a></li>
                                        <li><strong>2,114,568</strong> Views</li>
                                        <li>96 Comments</li>
                                    </ul>
                                    <div class="rating-stars"><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em class="low-rate">&nbsp;</em></div>
                                    <a href="#" class="share-btn">Share This</a></div>
                            </div>
                        </div>

                        <div class="description-box">
                            <div class="video-box"><a href="#">
                                    <img src="images/img-v3.jpg" alt="" />
                                    <span class="time-video">01:25</span>
                                    <span class="add-playlist">Add</span></a></div>
                            <div class="description-video">
                                <div class="heading-date">
                                    <h5><a href="videodetail.html">Duis molestie nunc nec felis sollicitudin</a></h5>
                                    <span>8 months ago</span></div>
                                <div class="text-desc">
                                    <p>Duis molestie nunc nec felis sollicitudin sed ornare lorem varius. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum.</p>

                                </div>
                                <div class="total-views"><strong>12,194,298 </strong> views</div>
                                <div class="bottom-panel">
                                    <ul> 
                                        <li class="nobg">by: <a href="#">Alex Anderson</a></li>
                                        <li><strong>2,114,568</strong> Views</li>
                                        <li>96 Comments</li>
                                    </ul>
                                    <div class="rating-stars"><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em class="low-rate">&nbsp;</em></div>
                                    <a href="#" class="share-btn">Share This</a></div>
                            </div>
                        </div>

                        <div class="description-box">
                            <div class="video-box">
                                <a href="#">
                                    <img src="images/img-v1.jpg" alt="" />
                                    <span class="time-video">01:25</span>
                                    <span class="add-playlist">Add</span></a></div>
                            <div class="description-video">
                                <div class="heading-date">
                                    <h5><a href="videodetail.html">Duis molestie nunc nec felis sollicitudin</a></h5>
                                    <span>8 months ago</span></div>
                                <div class="text-desc">
                                    <p>Duis molestie nunc nec felis sollicitudin sed ornare lorem varius. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum.</p>
                                </div>
                                <div class="total-views"><strong>12,194,298 </strong> views</div>
                                <div class="bottom-panel">
                                    <ul> 
                                        <li class="nobg">by: <a href="#">Alex Anderson</a></li>
                                        <li><strong>2,114,568</strong> Views</li>
                                        <li>96 Comments</li>
                                    </ul>
                                    <div class="rating-stars"><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em class="low-rate">&nbsp;</em></div>
                                    <a href="#" class="share-btn">Share This</a></div>
                            </div>
                        </div>

                        <div class="description-box nopadding">
                            <div class="video-box">
                                <a href="#">
                                    <img src="images/img-v2.jpg" alt="" />
                                    <span class="time-video">01:25</span>
                                    <span class="add-playlist">Add</span></a>
                            </div>
                            <div class="description-video">
                                <div class="heading-date">
                                    <h5><a href="videodetail.html">Duis molestie nunc nec felis sollicitudin</a></h5>
                                    <span>8 months ago</span></div>
                                <div class="text-desc">
                                    <p>Duis molestie nunc nec felis sollicitudin sed ornare lorem varius. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum.</p>
                                </div>
                                <div class="total-views"><strong>12,194,298 </strong> views</div>
                                <div class="bottom-panel">
                                    <ul> 
                                        <li class="nobg">by: <a href="#">Alex Anderson</a></li>
                                        <li><strong>2,114,568</strong> Views</li>
                                        <li>96 Comments</li>
                                    </ul>
                                    <div class="rating-stars"><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em class="low-rate">&nbsp;</em></div>
                                    <a href="#" class="share-btn">Share This</a></div>
                            </div>
                        </div>

                        <div class="description-box">
                            <div class="video-box">
                                <a href="#">
                                    <img src="images/img-v1.jpg" alt="" />
                                    <span class="time-video">01:25</span>
                                    <span class="add-playlist">Add</span></a></div>
                            <div class="description-video">
                                <div class="heading-date">
                                    <h5><a href="videodetail.html">Duis molestie nunc nec felis sollicitudin</a></h5>
                                    <span>8 months ago</span></div>
                                <div class="text-desc">
                                    <p>Duis molestie nunc nec felis sollicitudin sed ornare lorem varius. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum.</p>
                                </div>
                                <div class="total-views"><strong>12,194,298 </strong> views</div>
                                <div class="bottom-panel">
                                    <ul> 
                                        <li class="nobg">by: <a href="#">Alex Anderson</a></li>
                                        <li><strong>2,114,568</strong> Views</li>
                                        <li>96 Comments</li>
                                    </ul>
                                    <div class="rating-stars"><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em class="low-rate">&nbsp;</em></div>
                                    <a href="#" class="share-btn">Share This</a></div>
                            </div>
                        </div>
                        <div class="description-box">
                            <div class="video-box">
                                <a href="#">
                                    <img src="images/img-v1.jpg" alt="" />
                                    <span class="time-video">01:25</span>
                                    <span class="add-playlist">Add</span></a></div>
                            <div class="description-video">
                                <div class="heading-date">
                                    <h5><a href="videodetail.html">Duis molestie nunc nec felis sollicitudin</a></h5>
                                    <span>8 months ago</span></div>
                                <div class="text-desc">
                                    <p>Duis molestie nunc nec felis sollicitudin sed ornare lorem varius. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum.</p>
                                </div>
                                <div class="total-views"><strong>12,194,298 </strong> views</div>
                                <div class="bottom-panel">
                                    <ul> 
                                        <li class="nobg">by: <a href="#">Alex Anderson</a></li>
                                        <li><strong>2,114,568</strong> Views</li>
                                        <li>96 Comments</li>
                                    </ul>
                                    <div class="rating-stars"><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em class="low-rate">&nbsp;</em></div>
                                    <a href="#" class="share-btn">Share This</a></div>
                            </div>
                        </div>
                        <div class="description-box">
                            <div class="video-box">
                                <a href="#">
                                    <img src="images/img-v1.jpg" alt="" />
                                    <span class="time-video">01:25</span>
                                    <span class="add-playlist">Add</span></a></div>
                            <div class="description-video">
                                <div class="heading-date">
                                    <h5><a href="videodetail.html">Duis molestie nunc nec felis sollicitudin</a></h5>
                                    <span>8 months ago</span></div>
                                <div class="text-desc">
                                    <p>Duis molestie nunc nec felis sollicitudin sed ornare lorem varius. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum. Quisque eleifend lacus eget lectus elementum vel ultrices justo porta. Etiam bibendum.</p>
                                </div>
                                <div class="total-views"><strong>12,194,298 </strong> views</div>
                                <div class="bottom-panel">
                                    <ul> 
                                        <li class="nobg">by: <a href="#">Alex Anderson</a></li>
                                        <li><strong>2,114,568</strong> Views</li>
                                        <li>96 Comments</li>
                                    </ul>
                                    <div class="rating-stars"><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em>&nbsp;</em><em class="low-rate">&nbsp;</em></div>
                                    <a href="#" class="share-btn">Share This</a></div>
                            </div>
                        </div>
                    </div>

                    <div class="pager">
                        <ul>
                            <li><a href="#" class="pre">Previous</a></li>
                            <li><a href="#" class="active">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">6</a></li>
                            <li><a href="#">7</a></li>
                            <li><span>...</span></li>
                            <li><a href="#">44</a></li>
                            <li><a href="#" class="next">Next</a></li>
                            <li><a href="#">Next</a></li>
                        </ul>
                    </div>
                </div>







            </div>
            <div id="right_content">
                <div class="sign-in-field">
                    <input type="text" value="Search Video" class="txt-field"  onfocus="if(this.value == 'Search Video') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Search Video'; }" name="s" />
                    <a href="#">Search Button</a>
                </div>

                <div class="banner-right">
                    <a href="#"><img src="images/banner-right.jpg" alt="" /></a>
                    <h5>Join the most famous video-sharing community!</h5>
                    <a href="#"><img src="images/btn-join.gif" alt="" /></a>
                </div>
                <div class="classic-channel">
                    <div class="heading-top">
                        <h2>Classic Channels</h2>
                    </div>
                    <ul>
                        <li><a href="#" class="red">
                                <img src="images/img-c1.jpg" alt="" />
                                <span>The woman in black</span>
                                <em><strong>1,197,002</strong>  Members</em></a></li>
                        <li><a href="#" class="green">
                                <img src="images/img-c2.jpg" alt="" />
                                <span>The Intention</span>
                                <em><strong>1,197,002</strong>  Members</em> </a></li>
                        <li><a href="#" class="silver">
                                <img src="images/img-c3.jpg" alt="" />
                                <span>Lenny</span>
                                <em><strong>1,197,002</strong>  Members</em></a></li>
                    </ul>
                </div>
                <br class="clear" />
                <div class="trending-box">
                    <div class="heading-top">
                        <h2>Trending Now</h2><a href="#">View More</a></div>
                    <ul>
                        <li><div class="video-box-trending">
                                <img src="images/img-tr-1.jpg" alt="" />
                                <span class="time-video">08:53</span>
                                <span class="add-playlist"></span>
                            </div>

                            <div class="text-desc-tre">
                                <h5><a href="videodetail.html">Duis molestie nunc nec</a></h5>
                                <p><strong>1,197,002</strong> views </p>
                                <span>By <a href="#">Simon Cole</a></span></div>
                        </li>
                        <li><div class="video-box-trending">
                                <img src="images/img-tr-2.jpg" alt="" />
                                <span class="time-video">08:53</span>
                                <span class="add-playlist"></span>
                            </div>

                            <div class="text-desc-tre">
                                <h5><a href="videodetail.html">Duis molestie nunc nec</a></h5>
                                <p><strong>1,197,002</strong> views </p>
                                <span>By <a href="#">Simon Cole</a></span></div>
                        </li>


                        <li><div class="video-box-trending">
                                <img src="images/img-tr-3.jpg" alt="" />
                                <span class="time-video">08:53</span>
                                <span class="add-playlist"></span>
                            </div>

                            <div class="text-desc-tre">
                                <h5><a href="videodetail.html">Duis molestie nunc nec</a></h5>
                                <p><strong>1,197,002</strong> views </p>
                                <span>By <a href="#">Simon Cole</a></span></div>
                        </li>

                        <li><div class="video-box-trending">
                                <img src="images/img-tr-4.jpg" alt="" />
                                <span class="time-video">08:53</span>
                                <span class="add-playlist"></span>
                            </div>

                            <div class="text-desc-tre">
                                <h5><a href="videodetail.html">Duis molestie nunc nec</a></h5>
                                <p><strong>1,197,002</strong> views </p>
                                <span>By <a href="#">Simon Cole</a></span></div>
                        </li>
                    </ul>
                </div>

                <div class="event-box">
                    <div class="heading-top">
                        <h2>Events</h2><a href="#">View More</a>
                    </div>

                    <ul>
                        <li><div class="img-frame-event">
                                <img src="images/img-c1.jpg" alt="" />
                            </div>
                            <div class="text-desc-event">
                                <h5>Duis molestie nunc les.</h5>
                                <p>Duis molestie nunc nec felis sollicit
                                    udin sed ornare lorem varius.</p>
                            </div>
                        </li>
                        <li><div class="img-frame-event">
                                <img src="images/img-c2.jpg" alt="" />
                            </div>
                            <div class="text-desc-event">
                                <h5>Duis molestie nunc les.</h5>
                                <p>Duis molestie nunc nec felis sollicit
                                    udin sed ornare lorem varius.</p>
                            </div>
                        </li>
                        <li><div class="img-frame-event">
                                <img src="images/img-c3.jpg" alt="" />
                            </div>
                            <div class="text-desc-event">
                                <h5>Duis molestie nunc les.</h5>
                                <p>Duis molestie nunc nec felis sollicit
                                    udin sed ornare lorem varius.</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <br class="clear" />
        </div>